<div class = "condition selectable-wrap border" ng-click = "select()" ng-mouseover = "" ondragstart = "return false" onselectstart = "return false;" style = "border:1px solid #ddd;background: #fff;overflow:hidden;">
    <div class = "condition-title w" style = "background: #f5f5f5;height: 30px;line-height: 30px;">
        <span class = "ml10">{{fieldTitle}}</span>
    </div>
    <div class = "condition-search">
        <div class = "ui mini icon input w pl5 pr5" style = "margin-top: 3px;">
            <input type = "text" placeholder = "" ng-click = "stopp($event)" ng-model = "search.text">
            <i class = "search icon"></i>
        </div>
    </div>
    <div class = "data-wrap w h">
        <div class = "p5" ng-click = "filter($event)">
            <div class = "ui checkbox w cp" style = "margin-bottom: 3px;" ng-show='datas.length>1'>
                <input type = "checkbox" ng-model="isSelectAll" ng-click="selectAll(isSelectAll)">
                <label class = "cp" style = "cursor: pointer;font-weight: bold;margin: 5px 0;border-bottom: 1px dashed #ccc;padding-bottom: 7px;" ng-click='isSelectAll = !isSelectAll'>全选</label>
            </div>
            <div class = "ui checkbox w cp" style = "margin-bottom: 3px;" ng-repeat = "item in datas" ng-show = "item.shown">
                <input type = "checkbox" name = "4445555" ng-model = "item.selected">
                <label class = "cp" style = "cursor: pointer;" ng-click = "item.selected = !item.selected">{{item.value}}</label>
            </div>
        </div>
    </div>
    <b class = "point left-top" ng-show = "selected"></b>
    <b class = "point left-mid" ng-show = "selected"></b>
    <b class = "point left-bom" ng-show = "selected"></b>
    <b class = "point cent-bom" ng-show = "selected"></b>
    <b class = "point rigt-bom" ng-show = "selected"></b>
    <b class = "point rigt-mid" ng-show = "selected"></b>
    <b class = "point rigt-top" ng-show = "selected"></b>
    <b class = "point cent-top" ng-show = "selected"></b>
</div>